* {
	padding: 0;
	margin: 0; 
}
body {
	background:white;
}
.fl {
	float: left;
}

.fr {
	float: right;
}
ul,li{
	/* 去掉ul列表样式 */
	list-style: none;
}
a {
	/* 去掉默认下划线 */
	text-decoration: none;
}

/*-----标题栏--------------------------------------------------------*/
.top {
	width: 960px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #fbfbfb;
	margin: 2px auto 0;
	overflow: hidden;
	position: relative;
}

.top>div {
	line-height: 30px;
	font-size: 0;
}

.top>.left>span {
	margin-left: 19px;
	left: 19px;
	font-size: 12px;
	color: #878787;
}
.top>.right>span {
	margin-right: 15px;
	margin-left: 15px;
	left: 19px;
	font-size: 12px;
	color: #878787;
}

.top>div>button {
	margin: 0 3px;
	color: #878787;
	padding:0px 8px;
	border-radius:5px; 
}

.top>.right>.top1{
	top: 8px;
	width: 17px;
	height: 13px;
	background: url(image/logo.png) no-repeat -654px -17px;
	position: absolute;
}

.top>.right>.top2{
	top: 8px;
	left: 880px;
	width: 13px;
	height: 11px;
	background: url(image/logo.png) no-repeat -747px -17px;
	position: absolute;
}

/*-----logo模块---------------------------------------------------------*/
.logo {
	width: 960px;
	margin: 13px auto;
	background: white;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}
.logo .logo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 47px;
}
.logo>div {
	margin:0 8px; 
}

.logo .l1 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat 0px 0px;
	display: inline-block;
}

.logo .l2 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -66px 0px;
	display: inline-block;
}

.logo .l3 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -132px 0px;
	display: inline-block;
}

.logo .l4 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -198px 0px;
	display: inline-block;
}

.logo .l5 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -263px 0px;
	display: inline-block;
}

.logo .l6 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -330px 0px;
	display: inline-block;
}

.logo .l7 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -396px 0px;
	display: inline-block;
}

.logo .l8 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -462px 0px;
	display: inline-block;
}

.logo .l9 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -528px 0px;
	display: inline-block;
}

.logo .l10 {
	width: 47px;
	height: 47px;
	background: url(image/logo.png) no-repeat -594px 0px;
	display: inline-block;
}

.logo .l11 {
	width: 225px;
	height: 62px;
	background: url(image/logo.png) no-repeat -11px -89px;
	display: inline-block;
}

.logo .v_span{
	margin:-15px 0 0 0;
}


.logo .v_span>span{
	margin:0px 19px;
	font-size: 12px; 
	text-align: center;
}

.logo .v_span1{
	margin:-23px 0 0 500px;

}
.logo .v_span1>span{
	margin:0px 8px;
	font-size: 12px; 
}

.logo-text {
    text-align: center;
    font-size: 8px;
    color: #333;
    margin-top: 2px;
    margin-bottom: 8px;
    width: 100%;
}


/*-----搜索框 ------------------------------------------------------------------------*/
.title {
	width: 960px;
	margin: auto;
	margin-top: 30px; 
	background: #F4F4F4;
	border: 1px solid #D3D3D3;
	border-radius: 10px;
	position: relative;
}

.title .t1 {
	width: 961px;
	height: 96px;
	background: url(image/logo.png) no-repeat 0px -164px;
	display: inline-block;
	margin-top: -10px;
}
.title .t2 {
	width: 160px;
	height: 112px;
	background: url(image/logo.png) no-repeat -373px -49px;
	display: inline-block;
	margin-left: 34px;
	margin-top: 10px;
}
.title .t3 {
	width: 81px;
	height: 27px;
	background: url(image/logo.png) no-repeat -551px -110px;
	display: inline-block;
	margin-bottom: 100px;
	margin-left: 110px;
}
.title .t4 {
	width: 81px;
	height: 27px;
	background: url(image/logo.png) no-repeat -551px -110px;
	display: inline-block;
	margin-bottom: 100px;
	margin-left: -4px;
}
.title .t5 {
	width: 81px;
	height: 27px;
	background: url(image/logo.png) no-repeat -551px -110px;
	display: inline-block;
	margin-bottom: 100px;
	margin-left: -5px;
}
.title .t6 {
	width: 81px;
	height: 27px;
	background: url(image/logo.png) no-repeat -551px -110px;
	display: inline-block;
	margin-bottom: 100px;
	margin-left: -5px;
}
.title .t7 {
	top: -5px;
	left: 230px;
	position: absolute;
	font-size: 14px;
}
.title .t7>span{
	margin: 0px 23px;
	font-weight: 200;
}
.title .t7>.t8{
	color: white;
}

.title input {
	top: 38px;
	left: 228px;
	position: absolute;
	outline: none;
	width: 406px;
	height: 22px;
	font-size: 12px;
	color: black;
	border-radius: 5px;
}
/* 选中input 中的字体元素*/
input::-webkit-input-placeholder { 
	color: #E26367; 
}

.title>.input>.sousuo {
	width: 63px;
	height: 25px;
	background: url(image/logo.png) no-repeat -679px -10px;
	top: 38px;
	left: 645px;
	position: absolute;
}

.title>.input>span {
	font-size: 12px;
	font-weight: lighter;
	color: white;
	top: 35px;
	left: 725px;
	position: absolute;
}

.title>.input>.update {
	width: 53px;
	height: 16px;
	background: url(image/logo.png) no-repeat -775px -15px;
	top: 95px;
	left: 227px;
	position: absolute;
}

.title>.input>ul>li {
	display: inline-block;
	font-size: 12px;
	top: 95px;
	left: 290px;
	position: absolute;
}

.title>.input>ul>.l1 {
	color: red;
}
.title>.input>ul>.l2 {
	margin-left: 30px;
	color: #878787;
}
.title>.input>ul>.l3 {
	margin-left: 85px;
}
.title>.input>ul>.l4 {
	width: 10px;
	height: 17px;
	background: url(image/logo.png) no-repeat -843px -15px;
	top: 95px;
	left: 620px;
	position: absolute;
}

/*-------下方内容-------------------------------------------------------------*/
.content{
	width: 960px;
	height: 2100px;
	margin: 13px auto;
/*	background: red;*/
}

/*第一块*/
.content>.food {
	width: 710px;
}
.content>.food>.nav1 {
	width: 710px;
}

.food>.nav1>.left {
	width: 350px;
	height: 420px;
	background: url(image/logo2.png) no-repeat 0 0;
}

.food>.nav1>.right {
	width: 350px;
	height: 420px;
	background: url(image/logo2.png) no-repeat -376px 0;
}

.food>.nav1>.right>.r1>span {
	font-size: 13px;
}
.food>.nav1>.right>.r1>.r-1 {
	color: red;
	margin-left: 20px;
}
.food>.nav1>.right>.r1>.r-2 {
	color: #8A8F91;
	margin-left: 55px;
}

/*第一个图*/

.food>.nav1>.right>.r2{
	height: 100px;
	width: 347px;
	/* 渐变色 */
	background: -webkit-linear-gradient(right,#F2F2F2,white,white);
	margin-top: 30px;
}

.food>.nav1>.right>.r2>.rl{
	width: 106px;
	height: 87px;
	background: url(image/logo.png) no-repeat -252px -60px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	border: 1px solid #E0E0E0;
}

.food>.nav1>.right>.r2>.rl>.rr{
	top: 55px;
	left: 73px;
	width: 39px;
	height: 39px;
	background: url(image/logo.png) no-repeat -868px -4px;
	display: inline-block;
	position: absolute;
}

.food>.nav1>.right>.r2>.rr{
	display: inline-block;
	width: 215px;
	font-size: 13px;
	margin-top: 10px;
	position: relative;
	/*可以设为透明 boder*/
}
.food>.nav1>.right>.r2>.rr>a{
	color: red;
}
.food>.nav1>.right>.r2>.rr>span{
	color: #5B5B5B;
}
.food>.nav1>.right>.r2>.rr>.v_img{
	top: -10px;
	right: 15px;
	width: 44px;
	height: 44px;
	background: url(image/logo.png) no-repeat -958px -50px;
	display: inline-block;
	position: absolute;
}



/* 第二个图*/
.food>.nav1>.right>.r3{
	height: 100px;
	width: 347px;
	/* 渐变色 */
	background: -webkit-linear-gradient(right,#F2F2F2,white,white);
	margin-top: 20px;
}

.food>.nav1>.right>.r3>.rl{
	width: 106px;
	height: 87px;
	background: url(image/logo.png) no-repeat -252px -60px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	border: 1px solid #E0E0E0;
}

.food>.nav1>.right>.r3>.rl>.rr{
	top: 55px;
	left: 73px;
	width: 39px;
	height: 39px;
	background: url(image/logo.png) no-repeat -868px -4px;
	display: inline-block;
	position: absolute;

}

.food>.nav1>.right>.r3>.rr{
	display: inline-block;
	width: 215px;
	font-size: 13px;
	margin-top: 10px;
	position: relative;
	/*可以设为透明 boder*/
}
.food>.nav1>.right>.r3>.rr>a{
	color: red;
}
.food>.nav1>.right>.r3>.rr>span{
	color: #5B5B5B;
}
.food>.nav1>.right>.r3>.rr>.v_img{
	top: -10px;
	right: 15px;
	width: 44px;
	height: 44px;
	background: url(image/logo.png) no-repeat -958px -50px;
	display: inline-block;
	position: absolute;
}


/*第三个图*/
.food>.nav1>.right>.r4{
	height: 100px;
	width: 347px;
	/* 渐变色 */
	background: -webkit-linear-gradient(right,#F2F2F2,white,white);
	margin-top: 20px;
}

.food>.nav1>.right>.r4>.rl{
	width: 106px;
	height: 87px;
	background: url(image/logo.png) no-repeat -252px -60px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	border: 1px solid #E0E0E0;
}

.food>.nav1>.right>.r4>.rl>.rr{
	top: 55px;
	left: 73px;
	width: 39px;
	height: 39px;
	background: url(image/logo.png) no-repeat -868px -4px;
	display: inline-block;
	position: absolute;

}

.food>.nav1>.right>.r4>.rr{
	display: inline-block;
	width: 215px;
	font-size: 13px;
	margin-top: 10px;
	position: relative;
	/*可以设为透明 boder*/
}
.food>.nav1>.right>.r4>.rr>a{
	color: red;
}
.food>.nav1>.right>.r4>.rr>span{
	color: #5B5B5B;
}
.food>.nav1>.right>.r4>.rr>.v_img{
	top: -10px;
	right: 15px;
	width: 44px;
	height: 44px;
	background: url(image/logo.png) no-repeat -958px -50px;
	display: inline-block;
	position: absolute;
}

/*第四个图*/
.food>.nav1>.right>.r5 {
	width: 41px;
	height: 17px;
	background: url(image/logo.png) no-repeat -962px -15px;
	margin-left: 295px;
}


/*------第二块 ------------------------------------------------------------*/
.food>.nav2 {
	width: 710px;
	height: 95px;
	background: url(image/logo.png) no-repeat -7px -822px;
	clear: both;
	margin-top: 10px;
	/* 设置diplay 否则撑不起来高度*/
	display: inline-block;
}


/*-----第三块------------------------------------------------------------*/

/*第一节*/
.food>.nav3 {
	width: 710px;
	height: 300px;

}

.food>.nav3>.left {
	width: 350px;
	height: 500px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	position: relative;
}

.food>.nav3>.left>.t1>.A>.a {
	font-size: 13px;
	color: #E40013;
	top: 22px;
	left: 25px;
	position: absolute;
}
.food>.nav3>.left>.t1>.A>.b {
	font-size: 25px;
	color: black;
	top: 35px;
	left: 25px;
	position: absolute;
}
.food>.nav3>.left>.t1>.B>span {
	font-size: 35px;
	color: red;
	top: 20px;
	left: 135px;
	position: absolute;
}
.food>.nav3>.left>.t1>span>img{
	margin-left: 272px;
}

/* 第二节 */
.food>.nav3>.left>.t2{
	width: 100%;
	margin-top: 25px;
}

.food>.nav3>.left>.t2>.A>img{
	margin-left: 25px;
	display: inline-block;
}
.food>.nav3>.left>.t2>.B{
	display: inline-block;
}

/* 绝对定位汉字排版*/
.food>.nav3>.left>.t2>.B>.a{
	margin-bottom: 50px;
	position: relative;
}


.food>.nav3>.left>.t2>.B .a1{
	bottom:6px;
	left: 10px;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #DBDBDB;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	color: #BC0010;
	font-weight: bold;
	border-radius: 5px;
	background: #F9F9F7;
}

.food>.nav3>.left>.t2>.B .a2{
	bottom:6px;
	left: 40px;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #DBDBDB;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	color: #BC0010;
	font-weight: bold;
	border-radius: 5px;
	background: #F9F9F7;
}

.food>.nav3>.left>.t2>.B .a3{
	left: 75px;
	bottom: 10px;
	position: absolute;
	font-size: 12px;
	width: 100px;
	color: #262626;
}

.food>.nav3>.left>.t2>.B .c{
	left: 125px;
	top:105px;
	position: absolute;
	font-size: 12px;
	color: #878787;
	font-weight: 200;
}


/*第三节*/
/*左边*/
.food>.nav3>.left>.t3{
	width: 100%;
	height: 303px;
	margin-top: 10px;
	display: inline-block;
}

.food>.nav3>.left>.t3>table{
	width: 300px;
	height: 290px;
	/*background: blue;*/
	margin:10px auto 0px; 
	font-size: 13px;
	table-layout: fixed;
}
.food>.nav3>.left>.t3>table td{
	background: #E8E9E8;
	text-align: center;
	color: #535353;
}

.food>.nav3>.left>.t3>table td:hover {
	width: 44px;
	height: 44px;
	background: url(image/图标1.png);
}

.food>.nav3>.left>.t3 .A>td{
	background: white;
	line-height: 1px;
	font-weight: bolder;
	
}

.food>.nav3>.left>.t3 .A{
	background: white;
	line-height: 1px;
	font-weight: bolder;
	
}

.food>.nav3>.left>.t3 tr>.a{
	background: #F6F6F6;
	color: #C1C1C1;
}

.food>.nav3>.left>.t3 tr>.b{
	background: url(image/图标2.jpg);
}

.food>.nav3>.left>.t3>table>.A td:hover {
	list-style: none;
}
.food>.nav3>.left>.t3>table>.A td:active {
	top: 1px;
	left: 1px;
}

/*右边*/
/*  A  */
.food>.nav3>.right {
	width: 350px;
	height: 500px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	position: relative;
	display: inline-block;
}

.food>.nav3>.right>.A>.a {
	margin-top: 20px;
	margin-left: 25px;
}
.food>.nav3>.right>.A>.a>.a1 {
	font-size: 14px;
	color: red;
}
.food>.nav3>.right>.A>.a>.a2 {
	font-size: 24px;
	font-weight: 200;
}

.food>.nav3>.right>.A>.b>img {
	display: inline-block;
	top: 10px;
	left: 120px;
	position: absolute;
}


/*   B    */
.food>.nav3>.right>.B {
	width: 318px;
	height: 181px;
	background: #F6F6F6;
	display: inline-block;
	margin-left: 15px;
	margin-top: 6px;
	border-radius: 10px;
	position: relative;
}
.food>.nav3>.right>.B>.a {
	width: 225px;
	height: 137px;
	background: url(image/logo2.png) 0px -444px;
	margin-top: 12px;
	margin-left: 12px;
	display: inline-block;
}

.food>.nav3>.right>.B>.b>.b1 {
	width: 60px;
	height: 38px;
	background: url(image/logo2.png) 0px -590px;
	display: inline-block;
	top: 11px;
	left: 245px;
	position: absolute;
}	

.food>.nav3>.right>.B>.b>.b2 {
	width: 60px;
	height: 38px;
	background: url(image/logo2.png) 0px -643px;
	display: inline-block;
	left: 245px;
	top: 65px;
	position: absolute;
}	

.food>.nav3>.right>.B>.b>.b3 {
	width: 60px;
	height: 38px;
	background: url(image/logo2.png) 0px -693px;
	display: inline-block;
	position: absolute;
	left: 245px;
	top: 115px;
	position: absolute;
}	

.food>.nav3>.right>.B>.c {
	font-size: 12px;
	font-weight: 200;
	margin-left: 15px;

}

.food>.nav3>.right>.B>.d {
	margin-top: 25px;
	/*background: red;*/
	width: 350px;
}

.food>.nav3>.right>.B>.d>.d1 {
	font-size: 12px;
	margin-bottom: 9px;
}

.food>.nav3>.right>.B>.d>.d1>.d1-1 {
	color: #D7D7D7;
	margin:0 3px;
}

.food>.nav3>.right>.B>.d>.d1>.d1-2 {
	color: black;
	font-weight: 200;
}

.food>.nav3>.right>.B>.d>.d1>.d1-3 {
	color: #878787;
	margin-left: 35px;
	font-weight: 200;
}


/*第四块*/
.food>.nav4 {
	width: 710px;
	height: 330px;
	display: inline-block;
	margin-top: 10px;
}

/*左边*/
.food>.nav4>.left {
	width: 348px;
	height: 330px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	position: relative;
	border-top: none;
}

.food>.nav4>.left>.A {
	width: 353px;
	height: 44px;
	background: url(image/logo2.png) -247px -444px;
}

.food>.nav4>.left>.A>span {
	font-size: 13px;
	color: #202222;
}

.food>.nav4>.left>.A>.a {
	color: #BD0011;
	margin-left: 22px;
}

.food>.nav4>.left>.A>.c {
	color: #535353;
	margin-left: 80px;
}

.food>.nav4>.left>.B>img {
	margin-top: 30px;
	margin-left: 5px;
}

.food>.nav4>.left>.C>button {
	width: 57px;
	height: 27px;
	background-color: #DFDFDF;
    color: #262626;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    outline:none;
    position: relative;

}
.food>.nav4>.left>.C>button:hover {
	background: #58F0EA;
}
.food>.nav4>.left>.C>button:active {
	top: 1px;
	left: 1px;
}

.food>.nav4>.left>.C>.a {
	margin-left: 18px;
	border: 2px solid #D00005;
}
.food>.nav4>.left>.C>.b {
	border: 2px solid #012086;
}
.food>.nav4>.left>.C>.c {
	border: 2px solid #FD8609;
	background: #FD8609;
	color: white;
}
.food>.nav4>.left>.C>.d {
	border: 2px solid #D00005;
}
.food>.nav4>.left>.C>.e {
	border: 2px solid #7B1C64;
}

/* 右边 */
.food>.nav4>.right {
	width: 350px;
	height: 330px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
}

.food>.nav4>.right>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.food>.nav4>.right>.A>.a {
	color: #BD0011;
}
.food>.nav4>.right>.A>.b {
	color: #010000;
	font-weight: bolder;
}
.food>.nav4>.right>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 279px;
	position: absolute;
}


/* ---------------- 测试 -----------------------*/

.box {
	width: 320px;
	margin-top: 5px;
}

.box * {
	box-sizing: border-box;
}

.box>.A {
	font-size: 0px;
}

.box>.A>.a {
	width: 320px;
	background: #EDEDED;
	border-radius: 5px;
	margin-left: 17px;
	font-size: 12px;
	font-weight: 300;
	margin-top: 3px;

}

.box>.A>.a>.a1{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	margin-left: 10px;
	font-weight: bolder;
	display: inline-block;
	color: #CB0004;
}

.box>.A>.a>.a2{
	margin-left: 15px;
}

.box>.A>.a>.a3{
	margin-left: 80px;
}

.box li {
	width: 320px;
	margin-left: 15px;
}

.box>.A>ul {
	height: 0;
	overflow: hidden;
	display: inline-block;
}

.box>.A:hover>ul {
	height: auto;
}




/* ----------------------------------第五块-------------------*/
.food>.nav5 {
	width: 710px;
	height: 95px;
	background: url(image/logo.png) no-repeat -7px -822px;
	clear: both;
	margin-top: 10px;
	/* 设置diplay 否则撑不起来高度*/
	display: inline-block;
}


/* ------------------------------- 第六块 ----------------------*/
.food>.nav6 {
	width: 710px;
}
/* 左边 */
.food>.nav6>.left {
	width: 350px;
	height: 330px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
}

.food>.nav6>.left>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.food>.nav6>.left>.A>.a {
	color: #BD0011;
}
.food>.nav6>.left>.A>.b {
	color: #010000;
	font-weight: bolder;
}
.food>.nav6>.left>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 279px;
	position: absolute;
}

.food>.nav6>.left>.B {
	margin-top: 20px;
	font-size: 12px;
	/*text-align: center;*/
}

.food>.nav6>.left>.B>.a {
	width: 99px;
	height: 20px;
	border:1px solid #CACACA;
/*	border-bottom: none;*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	margin-left: 22px;
}
.food>.nav6>.left>.B>.b {
	width: 99px;
	height: 20px;
	border:1px solid #CACACA;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	/* 如何 对齐*/

}
.food>.nav6>.left>.B>.c {
	width: 99px;
	height: 20px;
	border:1px solid #CACACA;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	/* 如何 对齐*/

}

.food>.nav6>.left>.C{
	margin-top: 10px;
	font-size: 12px;
	margin-left: 15px;
}


.food>.nav6>.left>.C>.a{
	margin-top: 20px;
	width: 317px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
}
/*.food>.nav6>.left>.C>a>.a1 {
	margin-left: 50px;
	display: inline-block;
}

*/

.food>.nav6>.left>.C>.b{
	width: 317px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
}

.food>.nav6>.left>.C>.b>.b1{
	color: #C50018;
}

.food>.nav6>.left>.C>.b>.b3{
	margin-left: 5px;
}

.food>.nav6>.left>.C>.b>.b4>img{
	margin-left: 60px;
}


.food>.nav6>.left>.D{
	margin-top: 20px;
	margin-left: 25px;
	display: inline-block;
	font-size: 12px;
	position: relative;
}

.food>.nav6>.left>.D>input{
	width: 180px;
	height: 20px;
	margin-left: 10px;
	outline:none;
	color: blue;
}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color:#8A8A8A;
    /* placeholder字体大小  */
    font-size: 12px;
    /* placeholder位置  */
/*    text-align: right;  */ 
}

.food>.nav6>.left>.D>.c>img{
	top: -1px;
	left: 270px;
	position: absolute;
}






/* 右边 */
.food>.nav6>.right {
	width: 350px;
	height: 330px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
}

.food>.nav6>.right>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.food>.nav6>.right>.A>.a {
	color: #BD0011;
}
.food>.nav6>.right>.A>.b {
	color: #010000;
	font-weight: bolder;
}
.food>.nav6>.right>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 279px;
	position: absolute;
}


.food>.nav6>.right>.B {
	

	margin-top: 30px;
	margin-left: 15px;

}


.food>.nav6>.right>.B>.a {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px 0px;
	display: inline-block;
}

.food>.nav6>.right>.B>.b {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -86px;
	display: inline-block;
}

.food>.nav6>.right>.B>.c {
	width: 155px;
	height: 77px;
	background: url(image/logo2.png) -845px -173px;
	display: inline-block;
}

.food>.nav6>.right>.B>.d {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -259px;
	display: inline-block;
}

.food>.nav6>.right>.B>.e {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -345px;
	display: inline-block;
}

.food>.nav6>.right>.B>.f {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -430px;
	display: inline-block;
}

.food>.nav6>.right>.B>.g {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -520px;
	display: inline-block;
}

.food>.nav6>.right>.B>.h {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -610px;
	display: inline-block;
}

.food>.nav6>.right>.B>.i {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -696px;
	display: inline-block;
}

.food>.nav6>.right>.B>.j {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -788px;
	display: inline-block;
}

.food>.nav6>.right>.B>.k {
	width: 77px;
	height: 77px;
	background: url(image/logo2.png) -923px -877px;
	display: inline-block;
}




/* ------------------------------- 第七块 ----------------------*/
.food>.nav7 {
	width: 710px;
	margin-top: 10px;
	display: inline-block;
}
/* 左边 */
.food>.nav7>.left {
	width: 350px;
	height: 250px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
}

.food>.nav7>.left>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.food>.nav7>.left>.A>.a {
	color: #BD0011;
}
.food>.nav7>.left>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.food>.nav7>.left>.B {
/*	background: red;*/
	font-size: 12px;
	margin-top: 20px;
}


.food>.nav7>.left>.B>.a {
	margin-left: 20px;

	white-space: pre-wrap;
}

.food>.nav7>.left>.B {
	height: 80px;
	position: relative;
}
.food>.nav7>.left>.B>.b>.b1>img {
	top: 40px;
	left: 20px;
	position: absolute;
}

.food>.nav7>.left>.B>.b>.b1>span>img {
	top: 42px;
	left: 182px;
	position: absolute;
}

.food>.nav7>.left>.B>.b>.b1>span>span {
	top: 43px;
	left: 203px;
	position: absolute;
}



.food>.nav7>.left>.C {
	width: 317px;
	margin-left: 10px;
	border-top: 1px solid #E8E8EA;
}


.food>.nav7>.left>.C>.a {
	font-size: 12px;
	margin-top: 20px;
	margin-left: 20px;
	display: inline-block;
	font-weight: 200;
}

.food>.nav7>.left>.C>.a>.a1{
	font-weight: bolder;
}
.food>.nav7>.left>.C>.a>.a2{
	color: red;
	font-weight: bolder;
}


.food>.nav7>.left>.C>.b {
	font-size: 12px;
	margin-top: 20px;
	margin-left: 50px;
	display: inline-block;
	font-weight: 200;

}


.food>.nav7>.left>.C>.b>.a1{
	font-weight: bolder;
}
.food>.nav7>.left>.C>.b>.a2{
	color: red;
	font-weight: bolder;
}



/* 右边 */
.food>.nav7>.right {
	width: 350px;
	height: 250px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
}
.food>.nav7>.right>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.food>.nav7>.right>.A>.a {
	color: #BD0011;
}
.food>.nav7>.right>.A>.b {
	color: #010000;
	font-weight: bolder;
}
.food>.nav7>.right>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 279px;
	position: absolute;
}

.food>.nav7>.right>.B {
	width: 350px;
	margin-top: 30px;
	margin-left: 15px;
}

.food>.nav7>.right>.B .a1{
	font-size: 12px;
	vertical-align: top;
	/*text-align: center;*/
}



/* ----------------------- 下方内容 右边 -------------------------------------------*/
.movie {
	width: 240px;
	display: inline-block;
}

/*	第一块 	*/
.movie>.top1 {
	width: 240px;
	height: 140px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	position: relative;
}

.movie>.top1>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top1>.A>.a {
	color: #BD0011;
}
.movie>.top1>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.movie>.top1>.B{
	font-size: 12px;
	font-weight: 200;
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
}

.movie>.top1>.B>.a {
	color: #010000;
	font-weight: bolder;
	margin-bottom: 10px;
}

.movie>.top1>.B>.b {
	color: #010000;
	font-weight: bolder;
	margin-bottom: 10px;
}

.movie>.top1>.B>.a>input {
	background: #F5F5F5;
	width: 90px;
	outline: none;
}

.movie>.top1>.B>.b>input {
	background: #F5F5F5;
	width: 90px;
	outline: none;
}

.movie>.top1>.B>.a>img{
	top: 45px;
	left: 166px;
	position: absolute;
}

.movie>.top1>.B>.b>img{
	top:70px;
	left: 166px;
	position: absolute;
}

.movie>.top1>.C{
	font-size: 12px;
	color: #535353;
	margin-left: 30px;
	margin-top: 5px;
}
.movie>.top1>.C>span{
	font-size: 17px;
	color: red;
	margin-left: 10px;

}


/*  第二块  */

.movie>.top2 {
	width: 244px;
	height: 93px;
	background: url(image/logo2.png) -244px -500px;
	margin-top: 10px;
	display: inline-block;
}



/* 第三块 */

.movie>.top3 {
	width: 241px;
	height: 183px;
	background: url(image/logo2.png) -244px -608px;

	display: inline-block;
}



/*  第四块  */

.movie>.top4 {
	width: 240px;
	height: 240px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	margin-top: 15px;
}

.movie>.top4>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top4>.A>.a {
	color: #BD0011;
}
.movie>.top4>.A>.b {
	color: #010000;
	font-weight: bolder;
}
.movie>.top4>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 170px;
	position: absolute;
}


.movie>.top4>.B {
	margin-top: 20px;
	font-size: 12px;
	margin-left: 5px;
}

.movie>.top4>.B>.a {
	width: 60px;
	height: 20px;
	border:1px solid #CACACA;
	border-bottom: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	margin-left: 22px;
	font-weight: bolder;
}
.movie>.top4>.B>.b {
	width: 60px;
	height: 20px;
	border:1px solid #CACACA;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	color: #535353;

}
.movie>.top4>.B>.c {
	width: 60px;
	height: 20px;
	border:1px solid #CACACA;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;  
	display: inline-block;
	text-align: center;
	color: #535353;

}

.movie>.top4>.C{
	margin-top: 10px;
	font-size: 12px;
	margin-left: 15px;
}


.movie>.top4>.C>.a{
	width: 215px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
}

.movie>.top4>.C>.b{
	width: 215px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
}

.movie>.top4>.C>.b>.b1{
	color: #C50018;
}

.movie>.top4>.C>.b>.b3{
	margin-left: 5px;
}

.movie>.top4>.C>.b>.b2{
	margin-left: 40px;
	font-size: 12px;
	color: #CB0004;
}

.movie>.top4>.C>.b>.b4{
	margin-left: 15px;
	font-size: 12px;
	color: #878787;
}




/*  第五块  */

.movie>.top5 {
	width: 240px;
	height: 420px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	margin-top: 15px;
}

.movie>.top5>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top5>.A>.a {
	color: #BD0011;
}
.movie>.top5>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.movie>.top5>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 170px;
	position: absolute;
}

.movie>.top5>.B {
	width: 217px;
	margin-top: 5px;
	margin-left: 10px;
	border-bottom: 1px dashed #BFC0BE;
	position: relative;
}

.movie>.top5>.B>.b{
	font-size: 12px;
	top: 15px;
	left: 110px;
	position: absolute;
}

.movie>.top5>.B .b1{
	color: #A70003;
}

.movie>.top5>.B .b2{
	color: #878787;
}



/*  第六块  */

.movie>.top6 {
	width: 240px;
	height: 180px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	margin-top: 15px;
}

.movie>.top6>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top6>.A>.a {
	color: #BD0011;
}
.movie>.top6>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.movie>.top6>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 170px;
	position: absolute;
}

.movie>.top6>.B {
	margin-top: 10px;
	margin-left: 15px;
}

.movie>.top6>.C {
	font-size: 12px;
	margin-left: 15px;
}

/*  第七块  */

.movie>.top7 {
	width: 240px;
	height: 350px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	margin-top: 15px;
}

.movie>.top7>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top7>.A>.a {
	color: #BD0011;
}
.movie>.top7>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.movie>.top7>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 170px;
	position: absolute;
}

.movie>.top7>.B {
	width: 217px;
	margin-top: 5px;
	margin-left: 10px;
	border-bottom: 1px dashed #BFC0BE;
	position: relative;
}

.movie>.top7>.B>.b{
	font-size: 12px;
	top: 15px;
	left: 110px;
	position: absolute;
}

.movie>.top7>.B .b1{
	color: #A70003;
}

.movie>.top7>.B .b2{
	color: #878787;
}


.movie>.top7>.C{
	margin-left: 10px;
}

.movie>.top7>.C>.a{
	width: 215px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
}

.movie>.top7>.C>.b{
	width: 215px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
}

.movie>.top7>.C>.b>.b1{
	color: #C50018;
}

.movie>.top7>.C>.b>.b3{
	margin-left: 5px;
}

.movie>.top7>.C>.b>.b2{
	margin-left: 40px;
	font-size: 12px;
	color: #CB0004;
}



/*  测试  */

/* 高度没办法自适应*/

.D {
	width: 240px;
	margin-left: 10px;
}

.D * {
	box-sizing: border-box;
}


.D>.box {
	width: 240px;

}


.D>.box>.b{
	width: 215px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
}

.D>.box>.b>.b1{
	color: #C50018;
}

.D>.box>.b>.b3{
	margin-left: 5px;
}

.D>.box>.b>.b2{
	font-size: 12px;
	color: #CB0004;
}


.D>.box>ul {
	height: 0;
	overflow: hidden;
	/* 开始时让ul 的块级元素不显示,当鼠标悬浮到ul 上是在让他显示*/
	display: none;
	position: relative;
}

.D>.box:hover>ul {
	/* 打开块级元素 */
	display: inline-block;
	height: auto;
}

.D>.box>ul>li {
	width: 350px;
}

.D>.box>ul>li>.a{
	margin-left: -15px;
}


.D>.box>ul>li>.b{
	font-size: 12px;
	top: 15px;
	left: 120px;
	position: absolute;
}

.D>.box>ul>li>.b>.b1{
	color: #A70003;
}

.D>.box>ul>li>.b>.b2{
	color: #878787;
}




















/*  第八块  */

.movie>.top8 {
	width: 240px;
	height: 370px;
	border-radius: 8px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	margin-top: 15px;
	position: relative;
}

.movie>.top8>.A {
	width: 100%;
	margin-top: 10px;
	margin-left: 17px;
	font-size: 12px;
	position: relative;
}

.movie>.top8>.A>.a {
	color: #BD0011;
}
.movie>.top8>.A>.b {
	color: #010000;
	font-weight: bolder;
}

.movie>.top8>.A>.c {
	width: 39px;
	height: 17px;
	background: url(image/logo.png) -961px -15px;
	display: inline-block;
	left: 170px;
	position: absolute;
}

.movie>.top8>.B {
	margin-top: 10px;
	margin-left: 15px;
}

.movie>.top8>.C {
	width: 217px;
	margin-left: 20px;
	font-size: 12px;
}

.movie>.top8>.C .b1{
	color: #A70003;
}

.movie>.top8>.C .b2{
	color: #878787;
}

.movie>.top8>.D {
	width: 217px;
	margin-left: 20px;
	font-size: 12px;
	display: inline-block;
	top: 122px;
	left: 113px;
	position: absolute;
}

.movie>.top8>.D .b1{
	color: #A70003;
}

.movie>.top8>.D .b2{
	color: #878787;
}

.movie>.top8>.E>.b{
	margin-left: 20px;
}

.movie>.top8>.E>.b{
	width: 215px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #BFC0BE;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
}

.movie>.top8>.E>.b>.b1{
	color: #C50018;
}

.movie>.top8>.E>.b>.b3{
	margin-left: 5px;
}

.movie>.top8>.E>.b>.b2{
	margin-left: 40px;
	font-size: 12px;
	color: #CB0004;
}


/*-------------------------------------结尾--------------------------------------*/

.end {
	width: 960px;
	height: 80px;
	margin: auto;
    border: 1px solid #DFDFDF;
    background: #F7F7F7;
}


.end>.A {
	font-size: 12px;
	padding-top: 20px;
	margin-left: 220px;
}

.end>.A>a {
	color: black;
}
.end>.A>a:hover {
	color: white;
	background: #2778A8;
}
.end>.A>span {
	margin:0 5px;
}

.end>.B {
	font-size: 12px;
	white-space: pre;
	color: #636363;
	margin-top: 15px;
	margin-left: 250px;
}

